<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/head :: head"></head>
<body>

<div th:replace="common/header :: header"></div>

<div class="layui-container fly-marginTop fly-user-main">


  <div th:replace="common/user-nav :: user-nav"></div>

  <div class="fly-panel fly-panel-user" pad20 style="padding-top:20px;">

    <div class="fly-msg" style="margin-bottom: 20px;">Hi，[[${user?.userNickName}]]，你已是我们的正式社员。</div>

    <div class="layui-row layui-col-space20">
      <div class="layui-col-md6">
        <div class="fly-panel fly-panel-border">
          <div class="fly-panel-title">
            我的会员信息</div>
          <div class="fly-panel-main layui-text" style="padding: 18px 15px; height: 50px; line-height: 26px;">
            <p> <!--您的财富经验值：-->
<!--              <span style="padding-right: 20px; color: #FF5722;">￥0</span>-->
              您当前为：<!--非 VIP--><i class="layui-badge fly-badge-vip" style="size: 25px" th:text="${experienceRecordName}">睡神</i>
            </p>
            <p> 您拥有元气：
              <span style="color: #FF7200; padding-right: 5px;" th:text="${user?.totalExperience != null ? user.totalExperience + ' 元气' : '0 元气'}">65 元气</span>
<!--              <a href="/order/bill?itemid=16" target="_blank" class="layui-btn layui-btn-warm layui-btn-xs">充值</a>-->
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-md6">
        <div class="fly-panel fly-signin fly-panel-border">
          <div class="fly-panel-title">
            修炼 <i class="fly-mid"></i>
            <a href="javascript:;" class="fly-link" id="LAY_signinHelp">说明</a>
            <i class="fly-mid"></i>
            <a href="javascript:;" class="fly-link" id="LAY_signinTop">修炼榜<span class="layui-badge-dot"></span></a>
            <span class="fly-signin-days"></span>
          </div>
          <div class="fly-panel-main fly-signin-main">
            <i class="layui-icon layui-icon-loading" style="font-size: 35px"></i>
          </div>
        </div>
      </div>
      <div class="layui-col-md12" style="margin-top: -20px;">
        <div class="fly-panel fly-panel-border">
          <div class="fly-panel-title">
            快捷方式 </div>
          <div class="fly-panel-main">
            <ul class="layui-row layui-col-space10 fly-shortcut">
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/user/set}"><i class="layui-icon"></i><cite>修改信息</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/user/set#avatar}" href="/user/set/#avatar"><i class="layui-icon"></i><cite>修改头像</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/user/set#pass}" href="/user/set/#pass"><i class="layui-icon"></i><cite>修改密码</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/user/set#bind}" href="/user/set/#bind"><i class="layui-icon"></i><cite>帐号绑定</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/jie/add}" href="/jie/add/"><i class="layui-icon"></i><cite>发表新帖</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/q/share}" href="/column/share/"><i class="layui-icon"></i><cite>查看分享</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4 LAY_search">
                <a href="javascript:;"><i class="layui-icon"></i><cite>搜索资源</cite></a>
              </li>
              <li class="layui-col-sm3 layui-col-xs4">
                <a th:href="@{/user/jie#collection}" href="/user/index/#collection"><i class="layui-icon"></i><cite>我的收藏</cite></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div th:replace="common/footer :: footer"></div>
<script th:replace="common/common-js :: js"></script>
<script th:inline="javascript" type="text/javascript">
  layui.config({
    base: '/res/mods/'
  }).extend({
    fly: 'index'
  }).use(['fly','user']);
</script>

</body>
</html>